﻿<!DOCTYPE html>

<html>
<head>
    <title>OwinTest Demo</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <style type="text/css">
        body {
            line-height: 180%;
            font-size: 18px;
        }

        li::marker {
            color: green;
        }

        a {
            color: #000;
        }

            a:hover {
                color: red;
                text-decoration: none;
            }


        #LogoTitle {
            height: 42px;
            display: flex;
            align-items: center;
            background-color: #000;
            margin-bottom: 21px;
        }

            #LogoTitle span {
                font-size: 20px;
                font-family: 'Microsoft YaHei UI',SimHei;
                font-style: italic;
                color: white;
                margin-left: 32px;
            }

            #LogoTitle img {
                border-radius: 6px;
                height: 24px;
                margin-left: 9px;
                margin-top: 9px
            }
    </style>

</head>

<body>
    <div id="LogoTitle">
        <a style="height:42px" target="_blank" title="Jexus官方网站" href="https://www.jexus.org/"><img src="images/jexus_logo_h32.png" /></a><span>OWIN WEB APPLICATION DEMOs</span>
    </div>

    <ul>
        <li><a href="api/values">OWIN WebApi Demo</a></li>
        <li><a href="web_socket.html">WebSocket (SignalR) Demo</a></li>
    </ul>
</body>
</html>